html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
body {
  font-size: 14px;
  color: #000;
  background-color: #EEF0F4;
  min-width: 1200px;
}
.ad_hand {
  cursor: pointer;
}
.ad_disabled {
  color: #ccc !important;
  cursor: default !important;
}
.el-color-picker__color {
  border: none;
}
.ad_upload .el-icon-check {
  font-size: 12px !important;
}
.ad_upload .el-upload--picture-card {
  background-color: #C4E1FF;
  border: none !important;
}
.ad_upload .el-upload--picture-card i {
  font-size: 20px;
  color: #0069ff;
}
.ad_upload .el-upload--picture-card .el-icon-delete,
.ad_upload .el-upload--picture-card .el-icon-zoom-in {
  color: #FFF !important;
}
.ace_active-line {
  background: rgba(0, 0, 0, 0.02) !important;
}
.ace_print-margin {
  width: 0px !important;
}
.toplevel {
  z-index: 3000 !important;
}
body .el-container {
  height: 100%;
  overflow: hidden;
}
.ad-logo {
  width: 120px;
  text-align: center;
}
.ad-logo img {
  width: 80%;
}
.ad_primary {
  color: #409EFF;
}
.ad_success {
  color: #67c23a;
}
.ad_danger {
  color: #f56c6c;
}
.ad_info {
  color: gray;
}
.ad_black {
  color: black;
}
.ad_red {
  color: red;
}
.ad_gray {
  color: gray;
}
.ad_blue {
  color: blue;
}
.ad_yellow {
  color: #FF9900;
}
#administer > div {
  float: left;
}
.clear {
  clear: both;
}
.settemplete .el-dialog__body {
  padding: 10px 20px 30px 20px;
}
.sysplugin .el-dialog__body {
  padding: 10px 20px 10px 20px;
}
.dtnone .el-dialog__body {
  padding-top: 5px;
}
.dbnone .el-dialog__body {
  padding-bottom: 5px;
}
.minw .el-dialog__body {
  padding-top: 15px !important;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
}
.ad-rotate90 {
  transform: rotate(90deg);
}
.anticon:before {
  display: block;
  font-family: 'icomoon' !important;
}
.has-error .el-input__inner,
.has-error .el-input__inner:focus,
.has-error .el-textarea__inner,
.has-error .el-textarea__inner:focus {
  border-color: #f56c6c;
}
.ueditor {
  line-height: initial;
}
.is-error .edui-editor {
  border: 1px solid #f56c6c !important;
}
.ad-imgupload {
  line-height: 0px;
}
.ad-imgupload .el-upload-list__item {
  margin: 0 8px 0 0;
}
.ad-hbox {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
}
.ad-vbox {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.ad-flex {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.el-table th {
  background-color: #F9F9F9;
  padding: 5px 0;
}
.ad-console-toolbar {
  margin-bottom: 13px;
}
.ad-nav_box {
  height: 100%;
  border: 1px solid #ebeef5;
}
.ad-nav_box .ad-nav_title {
  background-color: #F9F9F9;
  border-bottom: 1px solid #ebeef5;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.ad-nav_box .el-menu-item,
.ad-nav_box .el-submenu__title {
  height: 40px;
  line-height: 40px;
}
.el-radio + .el-radio {
  margin-left: 15px;
}
.hisver {
  max-height: 200px;
  overflow-y: auto;
}
.ad > .el-header {
  background-color: #32373B;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.ad > .el-header .ad_topactived {
  background-color: #222528;
}
.ad > .el-header .ad_topactived i,
.ad > .el-header .ad_topactived span {
  color: #ffd04b !important;
}
.ad > .el-header .ad-topbtn {
  height: 50px;
  color: white;
  padding: 0 20px;
  line-height: 50px;
}
.ad > .el-header .ad-topbtn i,
.ad > .el-header .ad-topbtn span {
  color: white;
  text-decoration: none;
}
.ad > .el-header .ad-topbtn .el-icon-arrow-down {
  background: #000000d1;
  padding: 5px 6px 5px 5px;
  border-radius: 2px;
  margin-left: 10px;
}
.ad > .el-header .ad-topbtn:hover {
  background-color: #222528;
  cursor: pointer;
}
.ad > .el-header .el-dropdown-link {
  color: white;
  line-height: 50px;
}
.ad > .el-header .ad-leftbar {
  border-left: 1px solid #181b1d;
}
.ad > .el-header .ad-rightbar {
  border-right: 1px solid #181b1d;
}
.ad > .el-header .ad-msg .el-badge__content {
  background-color: #f56c6c;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  padding: 0 6px;
  text-align: center;
  border: 1px solid #fff;
  margin-top: 12px;
  margin-right: -5px;
}
.ad > .el-header .ad-msg .el-badge {
  vertical-align: initial;
}
.ad > .el-header .ad-msgtxt {
  font-size: 12px;
  color: #3CB9D9;
}
.ad > .el-header .ad-msgdata {
  font-size: 12px;
}
.ad > .el-header .ad-search .ivu-poptip-body {
  padding: 2px;
}
.ad-site-select .ad-dd {
  margin: 0 -20px;
  padding: 0 20px;
}
.ad-site-select .el-dropdown-menu__item--divided:before {
  margin: 0 -19px;
}
.ad-cont {
  border-top: 1px solid #181b1d;
  height: 100%;
}
.ad-cont > .el-main {
  padding: 0px;
}
.ad-cont > .el-aside {
  background-color: #2F323D;
  overflow-y: auto;
  overflow-x: visible;
  width: 205px !important;
  transition: width 0.2s;
  -moz-transition: width 0.2s;
  /* Firefox 4 */
  -webkit-transition: width 0.2s;
  /* Safari and Chrome */
  -o-transition: width 0.2s;
  /* Opera */
  /*.ad-menubar {
            text-align: center;
            background-color: #42485B;
            color: #CCC;
            cursor: pointer;
            height: 22px;
            line-height: 23px;
        }*/
}
.ad-cont > .el-aside::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #409EFF;
}
.ad-cont > .el-aside::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #409EFF;
}
.ad-cont > .el-aside::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;
}
.ad-cont > .el-aside .ad-menubar {
  background-color: #272B2E;
  height: 1px;
}
.ad-cont > .el-aside .el-menu a {
  color: inherit !important;
  text-decoration: none !important;
}
.ad-cont > .el-aside .el-menu {
  border-right: none !important;
}
.ad-cont > .el-aside .ad-menu .el-submenu__title,
.ad-cont > .el-aside .ad-menu .ad-menumain {
  background-color: #343846 !important;
}
.ad-cont > .el-aside .ad-menu .is-active {
  color: #ffd04b !important;
}
.ad-cont > .el-aside.aside-collapsed {
  width: 64px !important;
}
.ad-cont > .el-aside .ant-menu {
  margin-top: 0px;
}
.ad-cont > .el-aside .ant-menu-item {
  padding-left: 24px !important;
}
.ad-content {
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  height: 100%;
  flex: 1;
  box-sizing: border-box;
  min-width: 0;
  overflow: auto;
}
.ad-content .el-menu {
  border-right: none !important;
}
.ad-content .ad-pr {
  padding: 5px;
}
.ad-content .empty-text {
  color: #909399;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.ad-content .ad-tree {
  flex: 0 0 200px !important;
  background: #E8E8EB;
  border-right: 1px solid #D7D7DB;
  height: 100%;
  overflow-y: auto;
}
.ad-content .ad-tree::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #409EFF;
}
.ad-content .ad-tree::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #409EFF;
}
.ad-content .ad-tree::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;
}
.ad-content .ad-tree:after {
  display: block;
  clear: both;
  font-size: 0;
  content: '';
}
.ad-content .ad-tree .el-tree {
  background: none;
}
.ad-content .ad-tree .el-tree .is-current > .el-tree-node__content {
  background-color: #F4F6F9;
}
.ad-content .ad-tree .el-tree .el-tree-node__expand-icon {
  color: #000;
}
.ad-content .ad-tree .el-tree .el-tree-node__content:hover {
  background-color: #f5f7fa;
}
.ad-content .ad-tree .el-tree-node__expand-icon.is-leaf {
  color: transparent !important;
  cursor: default;
}
.ad-content .ad-tree .ad-title {
  border-bottom: 1px solid #D7D7DB;
  padding: 10px 10px 10px 18px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 15px;
}
.ad-content .ad-tree .ad-title i {
  font-size: 18px;
  vertical-align: text-top;
  margin-right: 8px;
}
.ad-content .ad-tree .ad-treebody {
  border-top: 1px solid #f5f5f5;
}
.ad-content .ad-main {
  flex: 1;
  border-left: 1px solid #f5f5f5;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ad-content .ad-main .el-tabs__nav-wrap::after {
  background: url(../images/112.png) repeat-x;
}
.ad-content .ad-main .el-card {
  box-shadow: none;
}
.ad-content .ad-main .el-form {
  margin-top: 22px;
}
.ad-content .ad-main .el-dialog__body .el-form {
  margin-top: 0;
}
.ad-content .ad-main .leftbox {
  width: 200px;
  float: left;
  margin: 0 10px 10px 0;
}
.ad-content .ad-main .leftbox .el-card__header {
  padding: 10px 20px;
}
.ad-content .ad-main .leftbox .el-card__body {
  padding: 10px 20px;
}
.ad-content .ad-main .leftbox .el-checkbox-group {
  line-height: 25px;
}
.ad-content .ad-main .ad-console-top {
  border-bottom: 1px solid #E5E5E8;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  background: -webkit-linear-gradient(left, #fbfbfb 0.1%, #fff 0.4%);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fbfbfb 0.1%, #fff 0.4%);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fbfbfb 0.1%, #fff 0.4%);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fbfbfb 0.1%, #fff 0.4%);
  /* 标准的语法 */
  padding: 10px 15px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.ad-content .ad-main .ad-console-top .ad-console-top-name {
  display: inline-block;
  text-indent: 12px;
  border-left: 3px solid #88B7E0;
  height: 18px;
  line-height: 18px;
  margin: 6px 18px 6px 0;
  vertical-align: top;
  white-space: nowrap;
}
.ad-content .ad-main .ad-console-top .ad-console-top-body {
  flex: 1;
  white-space: nowrap;
}
.ad-content .ad-main .ad-console-top .ad-console-top-body span {
  height: 30px;
  line-height: 30px;
  color: #FF9900;
  font-weight: bold;
}
.ad-content .ad-main .ad-console-top .ad-console-top-end {
  white-space: nowrap;
  display: inline-block;
}
.ad-content .ad-main .ad-console-top .el-input {
  width: initial;
}
.ad-content .ad-main .ad-console-body {
  flex: 1;
  overflow-y: auto;
  padding: 11px 15px;
  border-top: 1px solid #FFFFFF;
}
.ad-content .ad-main .ad-console-body .ad-card {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
}
.ad-content .ad-main .ad-console-body .is-center {
  text-align: center !important;
}
.ad-content .ad-main .ad-console-body .ad-tree-table {
  width: 100%;
  background-color: #ebeef5;
}
.ad-content .ad-main .ad-console-body .ad-tree-table table {
  width: 100%;
}
.ad-content .ad-main .ad-console-body .ad-tree-table thead {
  color: #909399;
  font-weight: 500;
}
.ad-content .ad-main .ad-console-body .ad-tree-table th {
  text-align: left;
  background-color: #F9F9F9;
  padding: 9px 5px;
  font-size: 12px;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody {
  background-color: #FFF;
  border-right: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .el-tree-node__content {
  border-bottom: 1px solid #ebeef5;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .el-tree-node:nth-last-child(-n+2) {
  border-bottom: none;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .el-tree-node__content {
  height: auto !important;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .el-tree__empty-block {
  border-bottom: 1px solid #ebeef5;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .ad-treenode {
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .ad-treenode > div {
  border-right: 1px solid #ebeef5;
  padding: 9px 5px;
  height: 28px;
  line-height: 28px;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .ad-treenode > div:last-child {
  border-right: none !important;
}
.ad-content .ad-main .ad-console-body .ad-tree-table .ad-treebody .ad-treenode .ad--title {
  flex: 1;
}
.document-editor {
  border-radius: var(--ck-border-radius);
  /* Set vertical boundaries for the document editor. */
  /* This element is a flex container for easier rendering. */
  display: flex;
  flex-flow: column nowrap;
}
.document-editor__toolbar {
  /* Make sure the toolbar container is always above the editable. */
  z-index: 1;
  /* Create the illusion of the toolbar floating over the editable. */
  box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.2);
  /* Use the CKEditor CSS variables to keep the UI consistent. */
  border-bottom: 1px solid var(--ck-color-toolbar-border);
}
.document-editor__toolbar .ck-toolbar {
  border: 0;
  border-radius: 0;
}
.document-editor__editable-container {
  padding: 41px 0 0 0;
  background: var(--ck-color-base-foreground);
  /*min-height: 700px;

    .ck-content {
        min-height: 700px;
    }*/
  /* Make it possible to scroll the "page" of the edited content. */
}
.document-editor__editable-container .ck-editor__editable {
  /* Set the dimensions of the "page". */
  /* Keep the "page" off the boundaries of the container. */
  padding: 15px 30px;
  border: 1px hsl(0, 0%, 82.7%) solid;
  border-radius: var(--ck-border-radius);
  background: white;
  /* The "page" should cast a slight shadow (3D illusion). */
  /* Center the "page". */
  margin: 0 auto;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #E5E5E5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  background-color: #FFF;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #3A90E8;
}
